<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
{% load i18n %}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{ LANGUAGE_CODE }}" lang="{{ LANGUAGE_CODE }}">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>
    {% trans 'yoyokit' %} | {% block title %} {% endblock %}
  </title>
  <meta name="description" content="The easiest way to share online,Create your own microblog and connect with your friends." />
    {% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE" />{% endblock %}
  <link rel="icon" href="favicon.ico" type="image/x-icon" />
  
  {# base stylesheet #}
  <link rel="stylesheet" type="text/css" href="/themes/{{ DEFAULT_THEME }}/style.css" media="screen,projection" />
  <style type="text/css">
    {% block style %}
    {% endblock %}
  </style>
  
    {% if IsFeed %}
        {% for feed in feeds %}
        <link rel="alternate" type="application/{{feed.type}}+xml" title="{{feed.title}} ({{feed.type}})" href="{{feed.url}}"/>
        {% endfor %}
    {% endif %}
   
    {% if IsAjax %}
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    {% endif %}
    {% block head %}
    {% endblock %}
</head>

<body {% block bodytag %}{% endblock %}>
<table id="container" border="0" cellpadding="0" cellspacing="0"><tr><td>

<div id="header">
    {% block header %}
    <div id="top" class="inner clearfix">
    <div id="caption">
      <span id="title"><a href="/">{% trans 'yoyokit' %}</a></span>
       <div id="tagline">
          The easiest way to share online - <h1>Follow Your Trace</h1></div>
    </div>
    <!-- searchbox START -->
    <div id="search-box">
      <form action="http://www.google.com/cse" id="cse-search-box">
         <div id="searchbox" class="content">
             <input id="searchtxt" type="text" class="textfield searchtip" name="q" size="24" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;" value="Type text to search here..."/>
             <input id="searchbtn" type="submit" class="button" name="sa" value=""/>
             <input type="hidden" name="cx" value="{{GOOGLE_CSE_CX}}"/>
             <input type="hidden" name="ie" value="UTF-8"/>
        </div>
    </form>
    </div>
    <!-- searchbox END -->
    <form id="signin" action="/" method="post">
        <div>
        <input type="hidden" name="cmd" value="signin"/>
        <em>Already a member?</em>
        <a href="javascript:void(0);" onclick="document.getElementById('signin').submit();return false;" rel="nofollow">Sign In</a>
        </div>
    </form>
    </div>
    {% endblock %}
</div>

<div id="navigation">
    {% block navigation %}
    <div class="inner clearfix">
    <ul id="menus">
        <li class="current_page_item"><a class="home" href="/" rel="nofollow">{% trans 'Home' %}</a></li>
        <li class="page_item"><a href="/favorites" >{% trans 'Favorites' %}</a></li>
        <li class="page_item"><a href="/postbar" >{% trans 'Post Bar' %}</a></li>
        <li class="page_item"><a href="/channels" >{% trans 'Channels' %}</a></li>
        <li class="page_item"><a href="/widget" >{% trans 'Widget' %}</a></li>
        <li class="page_item"><a href="/tour" >{% trans 'Take the Tour' %}</a></li>
        <li class="page_item"><a href="/about" >{% trans 'About' %}</a></li>
    </ul>
     <a title="Follow me!" id="followme" href="http://twitter.com/yoyokit/"></a>
    </div>
    {% endblock %}
</div>

<div id="content">
    <div class="inner clearfix">
    <div id="main">
    {% block content %}{% endblock %}
    </div>
    <div id="sidebar">
    {% block sidebar %}{% endblock %}
    </div>
    {% block treelist %}{% endblock %}
    </div>
</div>

<div id="footer">
    {% block footer %}
    <div class="inner clearfix">
        <a id="gotop" href="#top">Top</a>
        <div class="fixed"></div>
        <div id="copyright">
            Copyright &copy; 2009-2010 <a href="/">yoyoKit</a>.
        </div>
    </div>
    {% endblock %}
</div>

</td></tr></table>
</body>
</html>
